<template>
  <div id="app">
    <div class="container">
      <category title="游戏">
        <template scope="value">
          <ul>
            <li v-for="(item,index) in value.games" :key="index">{{ item }}</li>
          </ul>
        </template>

      </category>
      <category title="游戏">
        <template slot-scope="value" >
          <ol>
            <li v-for="(item,index) in value.games" :key="index">{{ item }}</li>
          </ol>
        </template>

      </category>
      <category title="游戏">
        <template scope="{games}">
          <h4 v-for="(item,index) in games" :key="index">{{ item }}
          </h4>
        </template>

      </category>
    </div>

  </div>
</template>

<script>
import category from "@/components/Category.vue";

export default {
  name: 'App',
  components: {
    category
  },
  data() {
    return {}
  },
  methods: {}


}
</script>
<style>
.container, .more {
  display: flex;
  justify-content: space-around;
}

</style>


